<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/iconfont.css">
</head>

<body>
    <!-- 头部 -->
    <header class="clear">
        <div class="above">
            <img src="img/pang.png" class="fl" alt="">
            <ul class="fr">
                <a href="index.html">
                    <li class="fl"><span>首页</span>
                        <p>home</p>
                    </li>
                </a>
                <a href="index2.html">
                    <li class="fl"><span>游戏</span>
                        <p>game</p>
                    </li>
                </a>
                <a href="index3.html">
                    <li class="fl"><span>案例</span>
                        <p>Case</p>
                    </li>
                </a>
                <a href="#f1">
                    <li class="fl"><span>关于我们</span>
                        <p>About us</p>
                    </li>
                </a>




                <li class="wb fl">
                    <div class="weibo">
                        <i class="iconfont iconweibo fr"></i>
                    </div>

                </li>
            </ul>

        </div>

        <div class="below">
            <span>首页<img src="img/arrow.png" alt=""></span>
            <span>个人中心</span>
        </div>
    </header>

    <nav class="clear">
        <div class="content">
            <ul>
                <li class="fl">我的游戏</li>
                <li class="fl">我的收藏</li>
                <li class="fl">试玩记录</li>
                <li class="fl">游戏流程</li>
                <li class="fl">表单设置</li>
            </ul>
            <span class="fl">Soy sauce</span>
            <img src="img/head.png" alt="">
        </div>
        <img src="img/wave.png" class="wave" alt="">
    </nav>
    <section class="clear">
        <div class="fl">
            <div class="first">
                <i class="iconfont iconweixin"></i>
                <span>微信关注</span>
            </div>
            <div><img src="img/arrowdown.png" class="arrowdown" alt=""></div>
            <div><img src="img/game.png" alt=""><span>玩游戏</span></div>
            <img src="img/arrowdown.png" class="arrowdown" alt="">
            <div><img src="img/gift.png" alt="" class="gift"><span>抽奖</span></div>
            <img src="img/arrowdown.png" class="arrowdown" alt="">
            <div><img src="img/news-paper.png" alt=""><span>填表单</span></div>
        </div>


        <div class="line"></div>
        <ul class="fr">
            <li>流程名:</li>
            <li>流程名:</li>
            <li>流程名:</li>
            <li>流程名:</li>
        </ul>
        <div class="save">
            保存
        </div>
    </section>
    <footer>
        <a id="f1"></a>
        <div class="copy">
            <p>Copyright © 2014 Pangtang. All Rights Reserved. 版权所有</p>
            <img src="img/ta.png" class="ta" alt="">
            <img src="img/mic.png" class="mic" alt="">
        </div>

    </footer>

</body>

</html>